home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2007 November / PCWNOV07.iso / Software / Trial / AceHTML Pro 6.6 / acehtml6pro.exe / scriptdef / Drop Down Menu.sd < prev    next >
Encoding:
INI File  |  2006-09-13  |  8.9 KB  |  405 lines
  1. [SUBJECT]
  2. Description=Drop down menu Script
  3. ImageIndex=-1
  4. Folder=Menus
  5.  
  6.  
  7. [HEAD_TEXT]
  8. ;
  9. ;<script language="JavaScript1.2">
  10. ;
  11. ;/*
  12. ;Drop down menu link
  13. ;⌐ Dynamic Drive (www.dynamicdrive.com)
  14. ;For full source code, installation instructions,
  15. ;100's more DHTML scripts, and Terms Of
  16. ;Use, visit dynamicdrive.com
  17. ;*/
  18. ;
  19. ;//Contents for menu 1
  20. ;var menu1=new Array();
  21. ;menu1[0]='<a href=`link00`>`caption00`</a><br>';
  22. ;menu1[1]='<a href=`link01`>`caption01` here</a><br>';
  23. ;menu1[2]='<a href=`link02`>`caption02`</a><br>';
  24. ;//Contents for menu 2
  25. ;var menu2=new Array();
  26. ;menu2[0]='<a href=`link10`>`caption10`</a><br>';
  27. ;menu2[1]='<a href=`link11`>`caption11`</a><br>';
  28. ;menu2[2]='<a href=`link12`>`caption12`</a><br>';
  29. ;//Contents for menu 3
  30. ;var menu3=new Array();
  31. ;menu3[0]='<a href=`link20`>`caption20`</a><br>';
  32. ;menu3[1]='<a href=`link21`>`caption21`</a><br>';
  33. ;menu3[2]='<a href=`link22`>`caption22`</a><br>';
  34. ;//Contents for menu 4
  35. ;var menu4=new Array();
  36. ;menu4[0]='<a href=`link30`>`caption30`</a><br>';
  37. ;menu4[1]='<a href=`link31`>`caption31`</a><br>';
  38. ;menu4[2]='<a href=`link32`>`caption32`</a><br>';
  39. ;//Contents for menu 5
  40. ;var menu5=new Array();
  41. ;menu5[0]='<a href=`link40`>`caption40`</a><br>';
  42. ;menu5[1]='<a href=`link41`>`caption41`</a><br>';
  43. ;menu5[2]='<a href=`link42`>`caption42`</a><br>';
  44. ;
  45. ;
  46. ;</script>
  47. ;
  48. ;<style>
  49. ;<!--
  50. ;.iewrap1{
  51. ;position:relative;
  52. ;height:30px;
  53. ;}
  54. ;.iewrap2{
  55. ;position:absolute;
  56. ;}
  57. ;#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{
  58. ;visibility:hidden;
  59. ;z-index:100;
  60. ;}
  61. ;-->
  62. ;</style>
  63. ;
  64.  
  65.  
  66. [BODY_TEXT]
  67. ;
  68. ;<script language="JavaScript1.2">
  69. ;//reusable/////////////////////////////
  70. ;var zindex=100;
  71. ;function dropit2(whichone){
  72. ;if (window.themenu&&themenu.id!=whichone.id)
  73. ;themenu.style.visibility="hidden";
  74. ;themenu=whichone;
  75. ;if (document.all){
  76. ;themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX;
  77. ;themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18;
  78. ;if (themenu.style.visibility=="hidden"){
  79. ;themenu.style.visibility="visible";
  80. ;themenu.style.zIndex=zindex++;
  81. ;}
  82. ;else{
  83. ;hidemenu();
  84. ;}
  85. ;}
  86. ;}
  87. ;
  88. ;function dropit(e,whichone){
  89. ;if (window.themenu&&themenu.id!=eval(whichone).id)
  90. ;themenu.visibility="hide";
  91. ;themenu=eval(whichone);
  92. ;if (themenu.visibility=="hide")
  93. ;themenu.visibility="show";
  94. ;else
  95. ;themenu.visibility="hide";
  96. ;themenu.zIndex++;
  97. ;themenu.left=e.pageX-e.layerX;
  98. ;themenu.top=e.pageY-e.layerY+19;
  99. ;return false;
  100. ;}
  101. ;
  102. ;function hidemenu(whichone){
  103. ;if (window.themenu)
  104. ;themenu.style.visibility="hidden";
  105. ;}
  106. ;
  107. ;function hidemenu2(){
  108. ;themenu.visibility="hide";
  109. ;}
  110. ;
  111. ;if (document.all)
  112. ;document.body.onclick=hidemenu;
  113. ;
  114. ;//reusable/////////////////////////////
  115. ;</script>
  116. ;
  117. ;<!----------Menu 1 starts here---------->
  118. ;
  119. ;<ilayer height="35px">
  120. ;<layer visibility="show">
  121. ;<span class="iewrap1">
  122. ;<span class="iewrap2" onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face="Verdana"><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">Click here</a></b></font>
  123. ;</span>
  124. ;</span>
  125. ;</layer>
  126. ;</ilayer><br>
  127. ;<!----------Menu 1 ends here---------->
  128. ;
  129. ;
  130. ;<!----------Menu 2 starts here---------->
  131. ;
  132. ;<ilayer height="35px">
  133. ;<layer visibility="show">
  134. ;<span class="iewrap1">
  135. ;<span class="iewrap2" onClick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu1')">Click here</a></b></font>
  136. ;</span>
  137. ;</span>
  138. ;</layer>
  139. ;</ilayer><br>
  140. ;<!----------Menu 2 ends here---------->
  141. ;
  142. ;
  143. ;<!----------Menu 3 starts here---------->
  144. ;
  145. ;<ilayer height="35px">
  146. ;<layer visibility="show">
  147. ;<span class="iewrap1">
  148. ;<span class="iewrap2" onClick="dropit2(dropmenu2);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu2')">Click here</a></b></font>
  149. ;</span>
  150. ;</span>
  151. ;</layer>
  152. ;</ilayer><br>
  153. ;<!----------Menu 3 ends here---------->
  154. ;
  155. ;
  156. ;<!----------Menu 4 starts here---------->
  157. ;
  158. ;<ilayer height="35px">
  159. ;<layer visibility="show">
  160. ;<span class="iewrap1">
  161. ;<span class="iewrap2" onClick="dropit2(dropmenu3);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu3')">Click here</a></b></font>
  162. ;</span>
  163. ;</span>
  164. ;</layer>
  165. ;</ilayer><br>
  166. ;<!----------Menu 4 ends here---------->
  167. ;
  168. ;
  169. ;<!----------Menu 5 starts here---------->
  170. ;
  171. ;<ilayer height="35px">
  172. ;<layer visibility="show">
  173. ;<span class="iewrap1">
  174. ;<span class="iewrap2" onClick="dropit2(dropmenu4);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu4')">Click here</a></b></font>
  175. ;</span>
  176. ;</span>
  177. ;</layer>
  178. ;</ilayer><br>
  179. ;<!----------Menu 5 ends here---------->
  180. ;
  181. ;
  182. ;<div id="dropmenu0" style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
  183. ;<script language="JavaScript1.2">
  184. ;if (document.all)
  185. ;dropmenu0.style.padding="4px";
  186. ;for (i=0;i<menu1.length;i++)
  187. ;document.write(menu1[i]);
  188. ;</script>
  189. ;</div>
  190. ;<script language="JavaScript1.2">
  191. ;if (document.layers){
  192. ;document.dropmenu0.captureEvents(Event.CLICK);
  193. ;document.dropmenu0.onclick=hidemenu2;
  194. ;}
  195. ;</script>
  196. ;
  197. ;<div id="dropmenu1" style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
  198. ;<script language="JavaScript1.2">
  199. ;if (document.all)
  200. ;dropmenu1.style.padding="4px";
  201. ;for (i=0;i<menu2.length;i++)
  202. ;document.write(menu2[i]);
  203. ;</script>
  204. ;</div>
  205. ;<script language="JavaScript1.2">
  206. ;if (document.layers){
  207. ;document.dropmenu1.captureEvents(Event.CLICK);
  208. ;document.dropmenu1.onclick=hidemenu2;
  209. ;}
  210. ;</script>
  211. ;
  212. ;<div id="dropmenu2" style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
  213. ;<script language="JavaScript1.2">
  214. ;if (document.all)
  215. ;dropmenu2.style.padding="4px";
  216. ;for (i=0;i<menu3.length;i++)
  217. ;document.write(menu3[i]);
  218. ;</script>
  219. ;</div>
  220. ;<script language="JavaScript1.2">
  221. ;if (document.layers){
  222. ;document.dropmenu2.captureEvents(Event.CLICK);
  223. ;document.dropmenu2.onclick=hidemenu2;
  224. ;}
  225. ;</script>
  226. ;
  227. ;<div id="dropmenu3" style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
  228. ;<script language="JavaScript1.2">
  229. ;if (document.all)
  230. ;dropmenu3.style.padding="4px";
  231. ;for (i=0;i<menu4.length;i++)
  232. ;document.write(menu4[i]);
  233. ;</script>
  234. ;</div>
  235. ;<script language="JavaScript1.2">
  236. ;if (document.layers){
  237. ;document.dropmenu3.captureEvents(Event.CLICK);
  238. ;document.dropmenu3.onclick=hidemenu2;
  239. ;}
  240. ;</script>
  241. ;
  242. ;<div id="dropmenu4" style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
  243. ;<script language="JavaScript1.2">
  244. ;if (document.all)
  245. ;dropmenu4.style.padding="4px";
  246. ;for (i=0;i<menu5.length;i++)
  247. ;document.write(menu5[i]);
  248. ;</script>
  249. ;</div>
  250. ;<script language="JavaScript1.2">
  251. ;if (document.layers){
  252. ;document.dropmenu4.captureEvents(Event.CLICK);
  253. ;document.dropmenu4.onclick=hidemenu2;
  254. ;}
  255. ;</script>
  256. ;
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263. [`caption00`]
  264. Kind=S
  265. Value=Menu item caption00
  266.  
  267. [`caption01`]
  268. Kind=S
  269. Value=Menu item caption01
  270.  
  271. [`caption02`]
  272. Kind=S
  273. Value=Menu item caption02
  274.  
  275.  
  276.  
  277.  
  278. [`caption10`]
  279. Kind=S
  280. Value=Menu item caption10
  281.  
  282. [`caption11`]
  283. Kind=S
  284. Value=Menu item caption11
  285.  
  286. [`caption12`]
  287. Kind=S
  288. Value=Menu item caption12
  289.  
  290.  
  291.  
  292.  
  293. [`caption20`]
  294. Kind=S
  295. Value=Menu item caption20
  296.  
  297. [`caption21`]
  298. Kind=S
  299. Value=Menu item caption21
  300.  
  301. [`caption22`]
  302. Kind=S
  303. Value=Menu item caption22
  304.  
  305.  
  306.  
  307. [`caption30`]
  308. Kind=S
  309. Value=Menu item caption30
  310.  
  311. [`caption31`]
  312. Kind=S
  313. Value=Menu item caption31
  314.  
  315. [`caption32`]
  316. Kind=S
  317. Value=Menu item caption32
  318.  
  319.  
  320.  
  321. [`caption40`]
  322. Kind=S
  323. Value=Menu item caption40
  324.  
  325. [`caption41`]
  326. Kind=S
  327. Value=Menu item caption41
  328.  
  329. [`caption42`]
  330. Kind=S
  331. Value=Menu item caption42
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338. [`link00`]
  339. Kind=U
  340. Value=Test00.htm
  341.  
  342. [`link01`]
  343. Kind=U
  344. Value=Test01.htm
  345.  
  346. [`link02`]
  347. Kind=U
  348. Value=Test02.htm
  349.  
  350.  
  351. [`link10`]
  352. Kind=U
  353. Value=Test10.htm
  354.  
  355. [`link11`]
  356. Kind=U
  357. Value=Test11.htm
  358.  
  359. [`link12`]
  360. Kind=U
  361. Value=Test12.htm
  362.  
  363.  
  364. [`link20`]
  365. Kind=U
  366. Value=Test20.htm
  367.  
  368. [`link21`]
  369. Kind=U
  370. Value=Test21.htm
  371.  
  372. [`link22`]
  373. Kind=U
  374. Value=Test22.htm
  375.  
  376.  
  377. [`link30`]
  378. Kind=U
  379. Value=Test30.htm
  380.  
  381. [`link31`]
  382. Kind=U
  383. Value=Test31.htm
  384.  
  385. [`link32`]
  386. Kind=U
  387. Value=Test32.htm
  388.  
  389.  
  390. [`link40`]
  391. Kind=U
  392. Value=Test40.htm
  393.  
  394. [`link41`]
  395. Kind=U
  396. Value=Test41.htm
  397.  
  398. [`link42`]
  399. Kind=U
  400. Value=Test42.htm
  401.  
  402.  
  403.  
  404.  
  405.